<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="javascript:;" class="example-form">
        <input type="text" name="uname"><br>
        <input type="text" name="pword"><br>
        <input type="text" name="word"><br>
        <input type="submit" class="submit" value="提交">
    </form>
    <script src="../js/form-serialize.js"></script>
    <script>
        /*
      form-serialize 快速收集表单的值
      1. 表单元素需要设置name属性，会成为对象的属性名
      2. name属性设置的值和接口文档一致即可
      3. hash 设置生成的数据格式
        - true：js对象（常用）
        - false：查询字符串
      4. empty 是否收集空数据
        - true：收集空数据，保证格式和表单一致（推荐用法）
        - false：不收集空数据，格式和表单不一定一致（不推荐）
    */
   document.querySelector('.submit').addEventListener('click',()=>{
    console.log(1);
    const form = document.querySelector('.example-form')
    const data = serialize(form,{ hash:true,empty:true })
    console.log(data);
    
   })
    </script>
</body>
</html>